import Vue from 'vue'
import Router from 'vue-router'

const Home = () => import('../components/Home')
const Weather =() => import('../components/weather')
const Login =()=> import( '../components/user/login')
const SomeInterest =() =>import( '../components/SomeInterest')
const Distance = ()=>import('../components/distance ')

// import Home from '../components/Home'
// import Weather from '../components/weather'
// import Login from '../components/login'
// import SomeInterest from '../components/SomeInterest'
// import Distance from '../components/distance '

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      // name: 'HelloWorld',
      // component: HelloWorld
      components:{
        default:Home,
        // main:Home,
        login:Login,

      },
    },
    {
      path: '/wea',
      // name: 'HelloWorld',
      // component: HelloWorld
      component:Weather,
    },
    {
      path:'/interest',
      component:SomeInterest
    },
    {
      path:'/distance',
      component:Distance
    }
  ]
})
